<template>
  <div class="section04">
    <div class="section04-content"  v-for="(item, index) in convertSectionData(props.data, width <= 414 ? 2 : 5)" :key="index">
      <div class="section04-icon">
        <img :src="item.icon" alt="">
        <h3>{{item.title}}</h3>
      </div>
      <p>{{item.description}}</p>
    </div>
  </div>
</template>

<script setup>
import {convertSectionData} from "@/utils/helper";
import {useConfigStore} from "@/stores/config";
import {computed} from "vue";

const {width} = useConfigStore()


const props = defineProps(["data"])
</script>

<style scoped>


@media screen and (max-width: 768px) {

}
</style>
